# Pim de Wit ## About Pim de Wit is a freelance web developer from Amsterdam, Netherlands, currently based in London, United Kingdom. With over 15 years of industry experience, he specializes in creating interactive digital experiences that combine technical excellence with creative innovation. ### Professional Focus Pim's work primarily focuses on developing interactive web experiences with an emphasis on creative technology. He excels in software architecture design, performance optimization, and implementing complex graphics systems. His technical approach is characterized by a deep understanding of both the visual and functional aspects of digital products. ### Product Development In addition to creative prototyping, Pim is highly experienced in scalable product and platform architecture. He approaches projects with an emphasis on long-term maintainability, writing clean, modular code and designing systems that remain robust as they grow. Over his career, he has implemented comprehensive CI/CD pipelines and automated testing practices to ensure each release is reliable and well-tested. This engineering rigor allows him to build platforms that perform under scale while remaining easy to maintain and extend. Collaboration and user focus are central to Pim’s approach. He works closely with product managers, designers, and other stakeholders to align technical decisions with the product vision, often acting as a bridge between creative ideas and practical implementation. With a background in UX engineering, Pim pays special attention to usability and accessibility, providing guidance on inclusive design and web standards compliance (e.g. WCAG/Section 508). The result is digital products that are not only technically sound but also user-friendly and accessible to a broad audience. As a technical leader, Pim has taken on lead developer roles and mentored other engineers in adopting best practices. He’s comfortable presenting architectural plans to both technical and non-technical teams, ensuring everyone understands the rationale behind decisions. By fostering a culture of clean code, thorough documentation, and continuous learning, he helps development teams deliver high-quality work consistently and efficiently. ## Expertise & Interests His core technical interests include: - Software architecture and system design - Performance optimization and debugging - Immersive experiences, game development and interactive storytelling - User Interface & general design engineering - Complex graphics implementation and rendering techniques - Product development with emphasis on user experience - Generative systems and algorithmic design - WebGPU, Multi-threading, Cache optimisations ## Expertise & Interests ### Core Engineering - Software architecture - Scalable system design - Code quality & maintainability - Debugging & performance profiling - Multi-threading and concurrency - Cache optimization - CI/CD practices ### Creative Technology - Generative systems & algorithmic design - Creative prototyping - Generative art - Procedural generation - Interactive storytelling - Game development - Digital art & installations ### Graphics & Rendering - WebGL / WebGPU - Custom rendering pipelines - Real-time graphics and animation - Shader development (GLSL, WGSL) - Entity Component Systems (ECS) - Advanced visual effects ### Interface & UX - UI/UX engineering - Design systems - Accessibility (WCAG, Section 508) - Mobile-first & responsive design - Human-computer interaction - Product development with a user-centered focus ### Spatial & Immersive Experiences - Immersive web experiences - WebXR (VR, AR, MR) - Physical and hybrid installations - Geospatial data and mapping (GIS) ### Meta-Interests - Experimental web platforms - Creative tooling - AI-first interfaces - Developer experience (DX) - Education & mentorship ## Technical Skills & Services ### Core Technologies - HTML, CSS, JavaScript, TypeScript - Web Components, Lit, Angular, Vue, React, Svelte ### Design Engineering & UI - Inclusivity - Design systems - UX engineering - Accessibility (WCAG/Section 508) - Mobile-first & responsive design - Offline-first & progressive enhancement - Image compression - AI-first interface thinking ### Software Architecture & Engineering Practices - Software architecture - System design - Scalability - Performance optimization - Multi-threading - Cache optimization - CI/CD pipelines - Automated testing - Code reviews - Technical leadership - Readability & maintainability ### Graphics & Interactive Technology - WebGL, WebGPU - GLSL, WGSL, TSL - Three.js, Babylon.js, OGL, Pixi.js, SVG - Procedural generation - Generative art - Game development - ECS (Entity Component System) - Complex rendering pipelines - Interactive storytelling - Physical installations - Immersive experiences - WebXR (VR, AR, MR) ### Data & Visualization - Data visualization - Geographical Information Systems (GIS) ### Product & Project Capabilities - Technical oversight & mentorship - Prototyping & experimentation - Marketing & campaign sites - Full-stack product development (frontend-first) - Bridging design and engineering ## Experience Throughout his 15+ year career, Pim has collaborated with numerous clients and companies, delivering projects that balance technical sophistication with creative vision. His extensive experience spans from creative agencies to technology startups, where he has consistently created digital experiences that are both functional and engaging. ### Clients - Air New Zealand - Bayer - Boehringer Ingelheim - Coca-Cola - DeepMind - Eric Schmidt - Farfetch - Google - Google Arts & Culture - Heineken - Legal & General - Loewe - MINI - Nike - Nike Air Jordan - Ooredoo - Orangefit - RNIB - Samsung - Scottish Widows - Spotify - Studio Ghibli - Toyota - Twitch - Vinted - Volkswagen - YouTube ### Studios - Google Brand Studio - MSCHF - Native - Stink Studios - Superhero Cheesecake - ThisPage - Toaster - Unit9 - Whatever Studio ## Recognition & Awards ### Re-invinted - **FWA**: Site of the Day (2025) ([link](https://thefwa.com/cases/reinvinted)) - **Campaign**: Ad of the Day (2025) ### Loewe x Howl’s Moving Castle - **Webby**: Best Multimedia Storytelling (Honoree) (2024) ([link](https://winners.webbyawards.com/2024/advertising-media-pr/craft/best-multimedia-storytelling/288805/loewe-x-howls-moving-castle)) - **FWA**: Site of the Day (2023) ([link](https://thefwa.com/cases/loewe-x-howls-moving-castle)) - **FWA**: Site of the Month (2023) ([link](https://thefwa.com/cases/loewe-x-howls-moving-castle)) - **FWA**: Site of the Year (People's Choice) (2023) ([link](https://thefwa.com/news/fwa-of-the-year-2023-peoples-choice-award-winners-announced)) ### Laif - **CSSWinner**: Site of the Day (2024) ([link](https://www.csswinner.com/details/the-smile-effect/17927)) - **FWA**: Site of the Day (2024) ([link](https://thefwa.com/cases/the-smile-effect)) ### Pyramids of Meroë - **Webby**: People's Voice: Best Use of Augmented Reality (2023) ([link](https://winners.webbyawards.com/2023/ai-metaverse-virtual/metaverse-immersive-features/best-use-of-augmented-reality/237286/pyramids-of-mero)) - **Dubai Lynx**: Innovative Use of Technology (Shortlisted) (2023) ([link](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983)) - **Dubai Lynx**: Digital & Interactive Design (Shortlisted) (2023) ([link](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983)) - **Dubai Lynx**: New Realities & Emerging Tech (Shortlisted) (2023) ([link](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983)) - **Awwwards**: Site of the Day (2022) ([link](https://www.awwwards.com/sites/pyramids-of-meroe)) - **Awwwards**: Developer (2022) ([link](https://www.awwwards.com/sites/pyramids-of-meroe)) - **Awwwards**: Developer of the Year (Nomination) (2022) ([link](https://www.awwwards.com/sites/pyramids-of-meroe)) - **FWA**: Site of the Day (2022) ([link](https://thefwa.com/cases/pyramids-of-meroe)) - **Lovie**: Cultural Institutions (Gold) (2022) ([link](https://www.lovieawards.com/features/who-stole-the-show-at-the-12th-annual-lovie-awards/#:~:text=Pyramids%20of%20Mero%C3%AB%20by%20Google%20Brand%20Studio)) ### Auditorial - **ADC**: Publication Design (2022) ([link](https://www.oneclub.org/awards/adcawards/-award/43089/auditorial/)) - **ADC**: Radio & Audio (2022) ([link](https://www.oneclub.org/awards/theoneshow/-award/44667/auditorial/)) - **ADC**: Design (2022) ([link](https://www.oneclub.org/awards/theoneshow/-award/43471/auditorial/)) - **One Show**: Interactive & Mobile Craft (2022) ([link](https://www.oneclub.org/awards/theoneshow/-award/44024/auditorial/)) - **Clio**: Digital Product (Silver) (2022) ([link](https://clios.com/winners-gallery/details/139522)) - **Clio**: User Experience (Silver) (2022) ([link](https://stage.clios.com/winners-gallery/details/139526)) - **Cannes Lions**: Audio & Radio (Silver) (2022) ([link](https://www.lovethework.com/work-awards/campaigns/auditorial-763302)) - **Cannes Lions**: UX & Journey Design (Bronze) (2022) ([link](https://www.lovethework.com/work-awards/campaigns/auditorial-763302)) - **Cannes Lions**: Personalised Storytelling & Experience (Shortlist) (2022) ([link](https://www.lovethework.com/work-awards/campaigns/auditorial-763302)) - **AICP**: Digital Experiences (2022) ([link](https://www.adforum.com/award-organization/6678183/showcase/2022/winners?distinction_category=Innovation)) ### Carnival Sounds - **D&AD**: Shortlist (2021) ([link](https://www.dandad.org/awards/professional/2021/234413/spotify-x-notting-hill-carnival-carnival-sounds/)) - **Awwwards**: Developer (2020) ([link](https://www.awwwards.com/sites/carnival-with-spotify)) - **Awwwards**: Site of the Day (2020) ([link](https://www.awwwards.com/sites/carnival-with-spotify)) ### The A-Z of AI - **Webby**: Websites and Mobile Sites Education (2021) ([link](https://winners.webbyawards.com/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/education/174204/the-az-of-ai)) - **Webby**: Honouree, Best Individual Editorial Feature (2021) ([link](https://winners.webbyawards.com/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/education/174204/the-az-of-ai)) - **Awwwards**: Site of the Day (2020) ([link](https://www.awwwards.com/sites/the-a-z-of-ai)) - **Awwwards**: Developer (2020) ([link](https://www.awwwards.com/sites/the-a-z-of-ai)) - **FWA**: Site of the Day (2020) ([link](https://thefwa.com/cases/the-a-z-of-ai)) ### Spotify Design - **Awwwards**: Honourable Mention (2020) ([link](https://www.awwwards.com/sites/spotify-design)) - **SiteInspire**: Feature (2020) ([link](https://www.siteinspire.com/website/9483-spotify-design)) ### Diana Costa - **SiteInspire**: Feature (2019) ([link](https://www.siteinspire.com/website/8846-diana-costa)) ### Volkswagen GTI Bannerbahn - **Esprix**: Product launch (Silver) (2014) ([link](https://www.esprix.nl/esprix/actueel/esprix-winnaars-2014)) - **Esprix**: Duurzame goederen (Gold) (2014) ([link](https://www.esprix.nl/esprix/actueel/esprix-winnaars-2014)) - **Spin Awards**: Gold (2014) - **Webby**: Banner Campaigns (2014) - **Eurobest**: Silver x2 (2014) - **FWA**: Site of the Day (2013) ([link](https://thefwa.com/cases/volkswagen-gti-bannerbahn)) ### Physical Exhibitions - ForestGen (2020) - London, United Kingdom - Pim de Wit x Exbunker (2015) - Utrecht, Netherlands - MachinePolitics @ ThingsCon (2015) - Berlin, Germany - Float Art (2014) - London, United Kingdom ## Projects ### WebGPU Experiments 1 A series of generative artworks made with WebGPU ✌️ **Live link:** N/A **Launch date:** 2025 **Client:** N/A **Studio:** N/A **Tech Stack:** WebGPU **Portfolio Link:** /project/webgpu-experiments-1 **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/4Th3XHE7qbHqIygTu5VkeS/ecfc3e5dbd5752cdddff2fdfa3f4e121/meka-by-pim_de_wit-6.webp --- ### Re-invinted Try the quiz to discover your pre-loved personality and learn tips, tricks and interesting ways to use Vinted. **Live link:** https://reinvinted.vinted.com/ **Launch date:** 2025 **Client:** Vinted **Studio:** Stink Studios **Tech Stack:** HTML, CSS, TypeScript, React **Portfolio Link:** /project/re-invinted **Awards:** - Campaign: [Ad of the Day](#) (2025) - FWA: [Site of the Day](https://thefwa.com/cases/reinvinted) (2025) **Contributors:** - Siân Mulligan (Producer) - Poppy Broster-Becker (Producer) - Mateusz Kolaczynski (Producer) → https://uk.linkedin.com/in/mateusz-kolaczynski-b1578939 - Songyee Kim (Designer) → https://dribbble.com/dimensionworld - Viv Greywoode (Art Director) - Karen Chiu (Front End Developer) → https://github.com/karenchiu - Christine Zhang (Art Director, Designer) → https://christinezhang.com/ - Adrian Friend (Technical Lead) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/5CPZPdzmd5va27v52DxsjC/cf8b9cf030f44161f90831ef305e84bf/vinted.svg --- ### Jordan District 23 REDACTED **Live link:** N/A **Launch date:** REDACTED **Client:** Nike Air Jordan **Studio:** REDACTED **Tech Stack:** Three.js, r3f, TypeScript, React **Portfolio Link:** /project/jordan-district-23 **Contributors:** - REDACTED (Producer) → REDACTED - REDACTED (Producer) → REDACTED - REDACTED (Technical Lead) → REDACTED - REDACTED (Technical Lead) → REDACTED - REDACTED (Art Director, Designer) → REDACTED - REDACTED (Art Director) → REDACTED - REDACTED (3D Modeler) → REDACTED - REDACTED (Producer) → REDACTED - REDACTED (Front End Developer, Creative Technologist) → REDACTED **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/49s4x6xAkvGiuzClwthBui/f172f23500adae3c39f797caf7407dd6/1721459404762.jpeg --- ### Laif Laif's digital experience for World Happiness Day, "The Smile Effect," uses Google tech to track smiles and boost mental health with dopamine-inducing content. **Live link:** https://www.thesmileeffect.de/ **Launch date:** 2024 **Client:** Bayer **Studio:** Stink Studios **Tech Stack:** HTML, CSS, TypeScript, React **Portfolio Link:** /project/laif **Awards:** - FWA: [Site of the Day](https://thefwa.com/cases/the-smile-effect) (2024) - CSSWinner: [Site of the Day](https://www.csswinner.com/details/the-smile-effect/17927) (2024) **Contributors:** - Adrian Friend (Technical Lead) - Tash Alderson (Producer) - Matt Yates (Front End Developer, Creative Technologist) → https://mattyates.dev/ **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/8XiDwdS86qpiGKwYbSmXR/14bc0edc053ce0c5c6da3f957732654d/tse.svg --- ### Google DeepMind Google DeepMind's new landing page; showcasing cutting-edge technology and advancements in artificial intelligence to benefit humanity. **Live link:** https://deepmind.google **Launch date:** 2023 **Client:** DeepMind **Studio:** Google Brand Studio **Tech Stack:** HTML, CSS, TypeScript, Python, Django, Jinja2 **Portfolio Link:** /project/google-deepmind **Contributors:** - Bradley Griffiths (Technical Lead) - Craig Rogers (Front End Developer) - Jenny Yeung (Producer) - David Buxton (Back End Developer) - Ross West (Designer) → https://rosswest.info/ **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/3Eh1GAtQHo2XPC77KIInTr/eb110b190b08d3417e0dd1dada3197cc/deepmind_1.svg --- ### HeineQuest REDACTED **Live link:** N/A **Launch date:** REDACTED **Client:** Heineken **Studio:** REDACTED **Tech Stack:** HTML, CSS, TypeScript, WebGL, Three.js **Portfolio Link:** /project/heinequest **Contributors:** - REDACTED (Front End Developer) → REDACTED - REDACTED (Producer) → REDACTED - REDACTED (Producer) → REDACTED - REDACTED (3D Modeler) → REDACTED - REDACTED (Producer) → REDACTED - REDACTED (User Experience) → REDACTED - REDACTED (Creative Technologist) → REDACTED **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/1qM8peyGveFSPHWNE5atIx/26e7239edd8cbe41fbb139d31e6a1573/heinequest.webp --- ### Loewe x Howl’s Moving Castle We developed an exclusive mobile experience that takes users on a journey where they must follow their heart, interacting with scenes from the movie, with the choices they make determining which character they connect with most. **Live link:** https://howls.loewe.com **Launch date:** 2023 **Client:** Loewe **Studio:** Stink Studios **Tech Stack:** TypeScript, WebGL, Pixi.js, React **Portfolio Link:** /project/loewe-hmc **Awards:** - FWA: [Site of the Day](https://thefwa.com/cases/loewe-x-howls-moving-castle) (2023) - FWA: [Site of the Month](https://thefwa.com/cases/loewe-x-howls-moving-castle) (2023) - FWA: [Site of the Year (People's Choice)](https://thefwa.com/news/fwa-of-the-year-2023-peoples-choice-award-winners-announced) (2023) - Webby: [Best Multimedia Storytelling (Honoree)](https://winners.webbyawards.com/2024/advertising-media-pr/craft/best-multimedia-storytelling/288805/loewe-x-howls-moving-castle) (2024) **Contributors:** - Liam Brummit (Front End Developer, Creative Technologist) → https://brm.io/ - Adrian Friend (Technical Lead) - Jenny Smart (Producer) - Sam Miles (Motion) → https://sam-miles.com/work **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/6dLyh48ArhGrpJqxskAjQy/5bd41c7de4b1079a7279181124505332/project.png --- ### Grow with Google Google's initiative to help people get the skills they need to find a job. **Live link:** https://grow.google **Launch date:** 2022 **Client:** Google **Studio:** Google Brand Studio **Tech Stack:** HTML, CSS, TypeScript, Nunjucks **Portfolio Link:** /project/grow-with-google **Contributors:** - Bradley Griffiths (Technical Lead) - Craig Rogers (Front End Developer) - Maria Stark (Producer) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/7jaD20rDpCLaHQCf5wf8uO/3bde0f159488a9cadc75df3d845313f4/gwg.svg --- ### Pyramids of Meroë Sudan is home to more pyramids than anywhere else in the world. But few people know Sudan even has pyramids at all. Through an immersive 3D site and WebXR experience you can uncover the unique pyramids of Meroë, wherever you are. **Live link:** https://g.co/meroe **Launch date:** 2022 **Client:** N/A **Studio:** Google Brand Studio **Tech Stack:** HTML, CSS, TypeScript, WebGL, WebXR **Portfolio Link:** /project/meroe **Awards:** - FWA: [Site of the Day](https://thefwa.com/cases/pyramids-of-meroe) (2022) - Awwwards: [Site of the Day](https://www.awwwards.com/sites/pyramids-of-meroe) (2022) - Awwwards: [Developer](https://www.awwwards.com/sites/pyramids-of-meroe) (2022) - Awwwards: [Developer of the Year (Nomination)](https://www.awwwards.com/sites/pyramids-of-meroe) (2022) - Lovie: [Cultural Institutions (Gold)](https://www.lovieawards.com/features/who-stole-the-show-at-the-12th-annual-lovie-awards/#:~:text=Pyramids%20of%20Mero%C3%AB%20by%20Google%20Brand%20Studio) (2022) - Dubai Lynx: [Innovative Use of Technology (Shortlisted)](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983) (2023) - Dubai Lynx: [Digital & Interactive Design (Shortlisted)](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983) (2023) - Dubai Lynx: [New Realities & Emerging Tech (Shortlisted)](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983) (2023) - Webby: [People's Voice: Best Use of Augmented Reality](https://winners.webbyawards.com/2023/ai-metaverse-virtual/metaverse-immersive-features/best-use-of-augmented-reality/237286/pyramids-of-mero) (2023) **Contributors:** - Slav Vitanov (Designer, Illustrator) → http://www.slavvitanov.com/ - Jenny Yeung (Producer) - Bradley Griffiths (Technical Lead) - Craig Rogers (Front End Developer) - Maria Stark (Producer) - Matthew Guy (Art Director) - Perri Schofield (Creative Technologist) → https://twitter.com/perrijs - Josua Pedersen (Technical Lead) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/1Yv2CB1iyC6WYPY1CWQNRP/1434494019f8feb99370275ade3a9401/pom.svg --- ### Google Arts & Culture: Generative Rebrand We created a tool that helps marketers at Google Arts & Culture create high quality imagery for events, socials, prints, and much more. **Live link:** N/A **Launch date:** 2021 **Client:** Google Arts & Culture **Studio:** Google Brand Studio **Tech Stack:** SVG, TypeScript **Portfolio Link:** /project/google-arts-and-culture-generative-rebrand **Contributors:** - Mike Dorrance (Art Director) → https://www.mikedorrance.com/ - Miguel Desport (Designer) → https://migueldesport.com/ **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/12DBgMFzkDgASFiegxVcu0/9031624f542dd54e350038be858424c2/gac-logo.svg --- ### ForestGen A procedurally generated terrain. Built with the ECS programming pattern. **Live link:** https://forestgen.web.app/ **Launch date:** 2021 **Client:** N/A **Studio:** N/A **Tech Stack:** HTML, CSS, TypeScript, WebGL **Portfolio Link:** /project/forest-gen **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/6rRdVW8OUgdtPo0UjkPUXA/408dcde1e29c7c98b4347103873a6080/forestgen.webp --- ### Auditorial We collaborated with RNIB, Google, and The Guardian to create 'Auditorial,' an accessible online editorial combining articles, visuals, voices, and spatial audio for the 2.2 billion visually impaired worldwide. **Live link:** https://auditorial.withgoogle.com **Launch date:** 2021 **Client:** RNIB **Studio:** Google Brand Studio **Tech Stack:** HTML, CSS, JavaScript, Angular **Portfolio Link:** /project/auditorial **Awards:** - ADC: [Publication Design](https://www.oneclub.org/awards/adcawards/-award/43089/auditorial/) (2022) - ADC: [Radio & Audio](https://www.oneclub.org/awards/theoneshow/-award/44667/auditorial/) (2022) - ADC: [Design](https://www.oneclub.org/awards/theoneshow/-award/43471/auditorial/) (2022) - One Show: [Interactive & Mobile Craft](https://www.oneclub.org/awards/theoneshow/-award/44024/auditorial/) (2022) - Clio: [Digital Product (Silver)](https://clios.com/winners-gallery/details/139522) (2022) - Clio: [User Experience (Silver)](https://stage.clios.com/winners-gallery/details/139526) (2022) - Cannes Lions: [Audio & Radio (Silver)](https://www.lovethework.com/work-awards/campaigns/auditorial-763302) (2022) - Cannes Lions: [UX & Journey Design (Bronze)](https://www.lovethework.com/work-awards/campaigns/auditorial-763302) (2022) - Cannes Lions: [Personalised Storytelling & Experience (Shortlist)](https://www.lovethework.com/work-awards/campaigns/auditorial-763302) (2022) - AICP: [Digital Experiences](https://www.adforum.com/award-organization/6678183/showcase/2022/winners?distinction_category=Innovation) (2022) **Contributors:** - Slav Vitanov (Designer, Illustrator) → http://www.slavvitanov.com/ - Craig Rogers (Front End Developer) - Jenny Yeung (Producer) - Ted Wallace-Williams (Technical Lead) - Eduardo Rodrigues Gomes (Front End Developer) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/5Zglx2VfF3CfqHBW5GLPT6/5843fde559a40fa01b16606a2f6b040e/auditorial1.svg --- ### Birkinstock Shoes Birkenstocks made from destroyed Birkin Bags **Live link:** https://birkinstock.shoes **Launch date:** 2021 **Client:** N/A **Studio:** MSCHF **Tech Stack:** HTML, CSS, Vue, Nuxt **Portfolio Link:** /project/birkinstock **Contributors:** - Lorenz Mager (Producer) - Niek Dekker (Designer) → https://niekdekker.com/ - Kevin Wiesner (Art Director) - Stephen Tetreault (Producer) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/4vfG0Pv4BmqLIGZ0A1mLEJ/167fa9bd5c52a012bf6a169b38973358/birkinstock.svg --- ### Kleur Order the colours! **Live link:** https://experimental.games/kleur **Launch date:** 2021 **Client:** N/A **Studio:** N/A **Tech Stack:** TypeScript, WebGL **Portfolio Link:** /project/kleur **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/4azlWAWvBOWUtC0R4DuJjw/e8cbbf61c8b5c1084fefa3f12dc0316a/kleur__1_.svg --- ### Viewpoint A game about perspective. **Live link:** https://experimental.games/viewpoint **Launch date:** 2021 **Client:** N/A **Studio:** N/A **Tech Stack:** JavaScript, WebGL **Portfolio Link:** /project/viewpoint **Contributors:** - Arunas Kacinskas (Illustrator) → https://arunaskacinskas.com - Rokas Aleliunas (Illustrator) → https://casualpolarbear.com/ **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/4OHx7NRcYagYaM8EhVmyh4/4e0c14d8616556ddf1d587be927998bf/viewpoint.svg --- ### Dodge the Boxes Games made with web technologies. **Live link:** https://experimental.games/dodge **Launch date:** 2021 **Client:** N/A **Studio:** N/A **Tech Stack:** TypeScript, WebGL **Portfolio Link:** /project/dodge-the-boxes **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/6KPo6arRm1XIw2M4vjTdVC/423d7fe491e59b6f61dbb3aa06b19f03/dodge-the-boxes.svg --- ### Farfetch AZ Factory A promo site for Alber Elbaz' new brand. **Live link:** https://farfetchazfactory.com/ **Launch date:** 2021 **Client:** Farfetch **Studio:** Stink Studios **Tech Stack:** HTML, CSS, React, Three.js **Portfolio Link:** /project/az-factory **Contributors:** - Matt Greenhalgh (Technical Lead) - Ben Harraway (Creative Technologist) → https://lumen-digital.com/ - Louis Du Mont (3D Modeler) → http://louisdumont.com/ - Sam Steele (User Experience) - Kate Sutherland (Producer) - Viv Greywoode (Art Director) - Martin Bevc (Back End Developer) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/4zzDTxeb6Z1lzlrWrhxyd7/ffcdbe515754163da8b5cfff20be9af4/az-factory.jpg --- ### Coke Energy+ REDACTED **Live link:** N/A **Launch date:** REDACTED **Client:** Coca-Cola **Studio:** REDACTED **Tech Stack:** HTML, JavaScript, PIXI, WebGL, SVG **Portfolio Link:** /project/coke-energy **Contributors:** - REDACTED (Quality Assurance) → REDACTED - REDACTED (Technical Lead, Front End Developer) → REDACTED - REDACTED (Producer) → REDACTED - REDACTED (Producer) → REDACTED - REDACTED (Designer, Art Director) → REDACTED - REDACTED (Technical Lead) → REDACTED - REDACTED (Front End Developer) → REDACTED - REDACTED (Front End Developer) → REDACTED - REDACTED (Art Director) → REDACTED - REDACTED (Front End Developer) → REDACTED - REDACTED (Back End Developer) → REDACTED **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/4FlaEpbyg4wd5w31nxbHZF/10d701f4e3f6da4ee93424ad024f68ce/Artboard.svg --- ### Orangefit Create a Fitter World **Live link:** https://orangefit.nl **Launch date:** 2020 **Client:** Orangefit **Studio:** Superhero Cheesecake **Tech Stack:** HTML, CSS, JavaScript, Liquid **Portfolio Link:** /project/orangefit **Contributors:** - Peter Coolen (Technical Lead) - Joanna Kania (Front End Developer) → https://joakania.com/ - Coco Granger (Front End Developer) - Michelle Tan (Producer) - Bas Schutte (Producer) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/4mhZvQLOiQNhdMRULmontZ/65d2e6df5ee5f7b69f19774f7969f349/orangefit.svg --- ### Carnival Sounds Experience Notting Hill Carnival from the comfort of your own home. **Live link:** https://web.archive.org/web/20201113072555if_/https://carnival.withspotify.com/ **Launch date:** 2020 **Client:** Spotify **Studio:** Stink Studios **Tech Stack:** React, Gatsby **Portfolio Link:** /project/carnival-sounds **Awards:** - Awwwards: [Developer](https://www.awwwards.com/sites/carnival-with-spotify) (2020) - Awwwards: [Site of the Day](https://www.awwwards.com/sites/carnival-with-spotify) (2020) - D&AD: [Shortlist](https://www.dandad.org/awards/professional/2021/234413/spotify-x-notting-hill-carnival-carnival-sounds/) (2021) **Contributors:** - David Fiz Querol (Designer) → https://davidfiz.com/ - Andrew Sellers (Front End Developer, Technical Lead) → https://andrewsellers.co.uk/ - Vladimir Exil (Front End Developer) - Natalie Goburdhun (Producer) - Sam Steele (User Experience) - Zoonou (Quality Assurance) → https://zoonou.com/ - Anton Martinez (Designer, Art Director) → https://antonmartinez.com/ **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/3YdOZLK1uU2tmcwrNk0QG3/037d197b31346d3811a392d36bcc1e38/spotify-carnival-sounds.svg --- ### Spotify Design The new home of Spotify's design team. **Live link:** https://spotify.design **Launch date:** 2020 **Client:** Spotify **Studio:** Stink Studios **Tech Stack:** HTML, CSS, TypeScript, Gatsby **Portfolio Link:** /project/spotify-design **Awards:** - SiteInspire: [Feature](https://www.siteinspire.com/website/9483-spotify-design) (2020) - Awwwards: [Honourable Mention](https://www.awwwards.com/sites/spotify-design) (2020) **Contributors:** - Andrew Sellers (Front End Developer, Technical Lead) → https://andrewsellers.co.uk/ - David Fiz Querol (Designer) → https://davidfiz.com/ - Sam Steele (User Experience) - Rhianon Taylor (Producer) - Hannah Lynd (Producer) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/1VKsCf9JnRihtGHQ0HVSj7/efc45c2e1f687fef71932da6567bed8b/spotify-design.svg --- ### The A-Z of AI Discover more about what artificial intelligence is, how it works and how it’s changing the world around us. **Live link:** https://atozofai.withgoogle.com/ **Launch date:** 2020 **Client:** Google **Studio:** Stink Studios **Tech Stack:** HTML, CSS, TypeScript, LitHTML, Custom-Elements **Portfolio Link:** /project/atozofai **Awards:** - Awwwards: [Site of the Day](https://www.awwwards.com/sites/the-a-z-of-ai) (2020) - Awwwards: [Developer](https://www.awwwards.com/sites/the-a-z-of-ai) (2020) - FWA: [Site of the Day](https://thefwa.com/cases/the-a-z-of-ai) (2020) - Webby: [Websites and Mobile Sites Education](https://winners.webbyawards.com/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/education/174204/the-az-of-ai) (2021) - Webby: [Honouree, Best Individual Editorial Feature](https://winners.webbyawards.com/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/education/174204/the-az-of-ai) (2021) **Contributors:** - Jim Hunt (Technical Lead) - Slav Vitanov (Designer, Illustrator) → http://www.slavvitanov.com/ - Kate Sutherland (Producer) - Zoonou (Quality Assurance) → https://zoonou.com/ - Sam Steele (User Experience) - Jenny Yeung (Producer) - Craig Rogers (Front End Developer) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/4eMapXI8dfjNZ76PZWJUBP/76e9ec40ff829961a64775708053423d/the-a-z-of-ai.svg --- ### Wheel the World x Ooredoo A chat-bot to book accessible travel experiences in Qatar. **Live link:** https://www.youtube.com/watch?v=AlALhZr8Pkw **Launch date:** 2019 **Client:** Ooredoo **Studio:** Stink Studios **Tech Stack:** DialogFlow, Actions on Google **Portfolio Link:** /project/wheel-the-world **Contributors:** - Jim Hunt (Technical Lead) - Slav Vitanov (Designer, Illustrator) → http://www.slavvitanov.com/ **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/5dAH5tj13v7HEUUWfFCxKa/54bd6a22d55fcba389b69886f6d973ca/ooredoo.svg --- ### Your Future Self Your Future Self is here to show you what your future looks like and help you plan for retirement. **Live link:** https://www.scottishwidowsyourfutureself.co.uk/ **Launch date:** 2019 **Client:** Scottish Widows **Studio:** Stink Studios **Tech Stack:** HTML, CSS, JavaScript, WebGL, WebComponents, AR **Portfolio Link:** /project/your-future-self **Contributors:** - Jim Hunt (Technical Lead) - Kate Sutherland (Producer) - Alex Callow (Front End Developer) - Damien Mortini (Creative Technologist) → https://damienmortini.com/ - Sam Steele (User Experience) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/2zcN0l0bt4qSrlwjvzEn9E/4430bea170d12f6d6903e97819d1bdae/scottish-widows.jpg --- ### Improved Print A native custom-element that turns links into neat footnotes on print. **Live link:** https://github.com/pimdewit/improved-print **Launch date:** 2019 **Client:** N/A **Studio:** N/A **Tech Stack:** JavaScript **Portfolio Link:** /project/improved-print **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/1z2vAEgmKdjIWBtpoN1ZOS/d35c1d14de37ea9dc5dd85d27585c9c9/improved-print.svg --- ### Premier Partner Awards Celebrating excellence in digital marketing. **Live link:** https://premierpartnerawards.withgoogle.com/ **Launch date:** 2019 **Client:** Google **Studio:** Toaster **Tech Stack:** HTML, CSS, JavaScript, Google Closure, Jinja2 **Portfolio Link:** /project/premier-partner-awards **Contributors:** - Davy McGeorge (Technical Lead) → http://davymacca.com/ - Stu Collett (Technical Lead) - Nick Sarbicki (Back End Developer) → https://nick.sarbicki.com/ - Faye Butler (Back End Developer, Front End Developer) - Rakesh Mistry (Designer, Art Director) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/38bAQoxBShIi1j0oA6dJb3/a6667b96348c11f6b41f584eb39c064f/premier-partner-awards.svg --- ### Strandsy An infinite amount of grid-systems with generative graphics and interactions. **Live link:** https://strandsy.web.app/ **Launch date:** 2019 **Client:** N/A **Studio:** N/A **Tech Stack:** JavaScript **Portfolio Link:** /project/strandsy **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/6uUtFff0m0gbhFFDgDLBw8/2dfab2cd92542c0025232c31541c9522/strandsy3.svg --- ### Veczor A JavaScript library that helps you do performant & controlled SVG animations. **Live link:** https://veczor.web.app/ **Launch date:** 2019 **Client:** N/A **Studio:** N/A **Tech Stack:** N/A **Portfolio Link:** /project/veczor **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/5w2vEJqqGHlzPLqtkYHHFf/9c3a91155c8004e2fb07ff86926818fe/veczor.svg --- ### Diana Costa Personal portfolio of digital designer Diana Costa. **Live link:** https://dianacosta.co.uk **Launch date:** 2019 **Client:** N/A **Studio:** N/A **Tech Stack:** HTML, CSS, JavaScript **Portfolio Link:** /project/diana-costa **Awards:** - SiteInspire: [Feature](https://www.siteinspire.com/website/8846-diana-costa) (2019) **Contributors:** - Diana Costa (Designer) → https://dianacosta.co.uk **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/2XGRwdK2PGA766tPJvLhAA/25a39e0acbf633f940fca82876d87c7f/diana-costa.svg --- ### Trillion Dollar Coach The Leadership Handbook of Silicon Valley’s Bill Campbell. **Live link:** https://www.trilliondollarcoach.com/ **Launch date:** 2019 **Client:** Eric Schmidt **Studio:** Toaster **Tech Stack:** HTML, CSS, JavaScript **Portfolio Link:** /project/trillion-dollar-coach **Contributors:** - Davy McGeorge (Technical Lead) → http://davymacca.com/ - Jonny Thaw (Front End Developer, Creative Technologist) → https://jthaw.me - Sean Simone (Producer) - Stu Collett (Technical Lead) - Rakesh Mistry (Designer, Art Director) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/7wUwAGLj7RanehoYF2thNM/a281ad5ab04175f60f6c5c610db49751/trillion-dollar-coach.svg --- ### Data Gif Maker Easily create and share data visualizations to help bring your stories to life. **Live link:** https://datagifmaker.withgoogle.com **Launch date:** 2019 **Client:** Google **Studio:** Toaster **Tech Stack:** HTML, CSS, JavaScript, Node, React **Portfolio Link:** /project/gif-maker **Contributors:** - Davy McGeorge (Technical Lead) → http://davymacca.com/ - Jonny Thaw (Front End Developer, Creative Technologist) → https://jthaw.me - Bryan Jhung (Designer) → https://bryanjhung.com/ - Alex Thurman (Designer) - Rozalia Jaki (Producer) - James Philips (Art Director) - Blake Landry (Motion) → https://cargocollective.com/blakeplandry **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/166qxxAAtFoaqhjW8MHg2c/c3c9f2ccff35b47c92928d514934ca5f/gif-maker.svg --- ### PoseNet 3D An attempt to perceive depth by analysing facial features. **Live link:** https://foundry-posenet.web.app/ **Launch date:** 2018 **Client:** N/A **Studio:** N/A **Tech Stack:** JavaScript, TensorFlow **Portfolio Link:** /project/posenet-3d **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/Eck8XFwIGQDBhW31H9Fi7/f498704135c2658cd94cc06db8e25f72/pose-net.svg --- ### FocusManager A utility class that aides with computational focus. **Live link:** https://github.com/pimdewit/focusmanager **Launch date:** 2018 **Client:** N/A **Studio:** N/A **Tech Stack:** JavaScript **Portfolio Link:** /project/focusmanager **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/wOwfiB37ue6fPCHhDsuEZ/82d4861bf352ff10c873dcf0547f79cf/focus-manager.svg --- ### Google for Retail Connect with shoppers, anywhere. **Live link:** https://google.com/retail **Launch date:** 2018 **Client:** Google **Studio:** Toaster **Tech Stack:** HTML, CSS, JavaScript **Portfolio Link:** /project/google-retail **Contributors:** - Andy Law (Front End Developer) - Davy McGeorge (Technical Lead) → http://davymacca.com/ - Rakesh Mistry (Designer, Art Director) - Rozalia Jaki (Producer) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/7qiDBwjQnPYUrrhzXusBG8/a2d9eaa6d423d804ee900cebe151ab8e/retail.svg --- ### Toaster Portfolio of digital design studio Toaster. **Live link:** https://toaster.co **Launch date:** 2018 **Client:** N/A **Studio:** Toaster **Tech Stack:** HTML, CSS, JavaScript **Portfolio Link:** /project/toaster **Contributors:** - Davy McGeorge (Technical Lead) → http://davymacca.com/ - Jonny Thaw (Front End Developer, Creative Technologist) → https://jthaw.me - Liam Brummit (Front End Developer, Creative Technologist) → https://brm.io/ - Marco Ciampini (Front End Developer) → https://marcociampini.io/ - Will Donohoe (Front End Developer) → https://willdonohoe.com/ - Alex Thurman (Designer) - Rakesh Mistry (Designer, Art Director) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/29Gl81JNzk5aC5hUuAogsc/8c9ae5d66e40db7eebeeb428fe012f72/toaster.svg --- ### Hire Landing page for Google's applicant tracking system & recruiting software. **Live link:** https://hire.google.com **Launch date:** 2018 **Client:** Google **Studio:** Toaster **Tech Stack:** HTML, CSS, JavaScript, Google Closure, Jinja2 **Portfolio Link:** /project/google-hire **Contributors:** - Marco Ciampini (Front End Developer) → https://marcociampini.io/ - Davy McGeorge (Technical Lead) → http://davymacca.com/ **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/1BxQfe2UPxpEtgp9Rn68aF/d9d777c1838242b189da731bc9e32413/hire.svg --- ### Youtube Advertising Marketing site for the Youtube Advertising programme. **Live link:** https://youtube.com/ads **Launch date:** 2017 **Client:** YouTube **Studio:** Toaster **Tech Stack:** HTML, CSS, Javascript, Google Closure, Jinja2 **Portfolio Link:** /project/youtube-advertising **Contributors:** - Will Donohoe (Front End Developer) → https://willdonohoe.com/ - Marco Ciampini (Front End Developer) → https://marcociampini.io/ - Jonny Thaw (Front End Developer, Creative Technologist) → https://jthaw.me **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/5XpUt7aF5L5CWa2eFRRIg4/554738a551e56a11aefb7aab174b868c/youtube-advertising.svg --- ### Internet Citizens A program by YouTube that helps young people to stay resilient and confident online and use their voice to drive social change. **Live link:** https://internetcitizens.withyoutube.com/ **Launch date:** 2017 **Client:** YouTube **Studio:** Toaster **Tech Stack:** HTML, CSS, JavaScript **Portfolio Link:** /project/internet-citizens **Contributors:** - Jonny Thaw (Front End Developer, Creative Technologist) → https://jthaw.me - Davy McGeorge (Technical Lead) → http://davymacca.com/ - Alex Thurman (Designer) - Roslyn Barnfield (Producer) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/7tEMJnAUQvgc0qmBSsHcvf/6682902b4e36de754b9f5725156c35e9/internet-citizens.svg --- ### The Future of Go Summit Legendary players and DeepMind's AlphaGo explore the mysteries of Go together. **Live link:** https://events.google.com/alphago2017/ **Launch date:** 2017 **Client:** DeepMind **Studio:** Toaster **Tech Stack:** HTML, CSS, JavaScript **Portfolio Link:** /project/alphago-future-of-go **Contributors:** - Liam Brummit (Front End Developer, Creative Technologist) → https://brm.io/ - Alberto Giorgi (Technical Lead) - Sean Simone (Producer) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/3uQPndsibwIKo2xxqdjQ18/d01fe41573f785a152a6329294bb1bcc/alpha-go.svg --- ### Making & Science Inspiring the next generation of IoT makers. **Live link:** https://makingscience.withgoogle.com **Launch date:** 2016 **Client:** Google **Studio:** Toaster **Tech Stack:** HTML, CSS, JavaScript, Polymer **Portfolio Link:** /project/making-science **Contributors:** - Alberto Giorgi (Technical Lead) - Andy Law (Front End Developer) - Roberto Sobachi (Front End Developer) → https://robertosobachi.com/ - Sophie Richaume (Producer) - Adam Brewer (Front End Developer) → http://brewerlogic.com/ - Rakesh Mistry (Designer, Art Director) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/6JjJVFkaQQEXhzes49vGM/f0637dfe19d61ab67794d59ce57c40fa/making-science.svg --- ### Blogger Landing page for one of the biggest blogging platforms at the time. **Live link:** https://blogger.com/about **Launch date:** 2016 **Client:** Google **Studio:** Toaster **Tech Stack:** HTML, CSS, JavaScript **Portfolio Link:** /project/blogger **Contributors:** - Alberto Giorgi (Technical Lead) - Rakesh Mistry (Designer, Art Director) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/4ErOmaAMoRzGcjNuyeG2Bt/5b4c7177a36c37c9bde70fee57957bd7/blogger.svg --- ### How Google Works The rules for success in the Internet Century. **Live link:** https://howgoogleworks.net **Launch date:** 2014 **Client:** Google **Studio:** Toaster **Tech Stack:** HTML, CSS, JavaScript, Jinja2 **Portfolio Link:** /project/how-google-works **Contributors:** - Marco Ciampini (Front End Developer) → https://marcociampini.io/ **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/7JPRzR1TuS0dyaY2xHuB4l/22541383bf6052e0d0107c0b324ef664/how-google-works.svg --- ### Volkswagen GTI Bannerbahn A race across the biggest websites in Holland. **Live link:** https://thefwa.com/cases/volkswagen-gti-bannerbahn **Launch date:** 2013 **Client:** Volkswagen **Studio:** ThisPage **Tech Stack:** HTML, CSS, JavaScript, Flash **Portfolio Link:** /project/volkswagen-bannerbahn **Awards:** - FWA: [Site of the Day](https://thefwa.com/cases/volkswagen-gti-bannerbahn) (2013) - Esprix: [Duurzame goederen (Gold)](https://www.esprix.nl/esprix/actueel/esprix-winnaars-2014) (2014) - Esprix: [Product launch (Silver)](https://www.esprix.nl/esprix/actueel/esprix-winnaars-2014) (2014) - Eurobest: [Silver x2](#) (2014) - Spin Awards: [Gold](#) (2014) - Webby: [Banner Campaigns](#) (2014) **Contributors:** - Edward Tetteroo (Technical Lead) - Jordi Buskermolen (Technical Lead) - Koert Gaaikema (Creative Technologist, Front End Developer, Flash Developer) - Tim Hoogendijk (Front End Developer, Creative Technologist) → http://timhoogendijk.com/ - Ben Bos (Front End Developer) → https://benbos.dev/ - Bart de Rijk (Front End Developer) **Media:** https://images.ctfassets.net/qmoe8h8hc8x9/22YzMmTzi5wsNCEKqQti1V/f308780172f846608ef509fb4727acca/gti-bannerbahn.jpg ## Social Media & Profiles - Bluesky: https://bsky.app/profile/pim.dev - X (Twitter): https://x.com/pim_dev - Instagram: https://instagram.com/pim.dev - LinkedIn: https://www.linkedin.com/in/pim-de-wit - CodePen: https://codepen.io/pimdewit - GitHub: https://github.com/pimdewit - Email: hello@pim.dev ## Website stack This site (https://pim.dev) is built with: - SvelteKit - TypeScript - Node.js